<!--
 * @Description: 学习 javascript
 * @Author: rendc
 * @Date: 2025-05-15 09:29:35
 * @LastEditors: rendc
 * @LastEditTime: 2025-05-15 10:28:59
-->
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>JavaScript</title>
</head>
<style></style>
<!-- 外部js代码 -->
<script type="module" src="script.js"></script>

<body>
  <div>点击下面的按钮，修改按钮的文字，将“按钮”，修改为“确定”</div>
  <button id="btn1">按钮</button>
  <div>点击下面的按钮，切换日间模式或者夜间模式</div>
  显示模式：<span id="span1">☀️</span>
  <button id="btn2">切换夜间模式</button>
</body>
<script>
  // 内部js代码 注意script标签放置的顺序 一般在body后面
</script>


</html>